.home-content{
.layout{
  color: #333;
 background:#fafaf7;
  width: 100%;
  height: auto;
  .main_z{
    background:#fcf9fe;
    padding-top: 0.2rem;
    .main_zo{
      width: 100%;
      height: 2.4rem;
      display: flex;
      justify-content: space-around;
      align-items: center;
      a:first-child img{
        width: 3.2rem;
        height: 1.5rem;
        font-size: 0;
        margin-left: 0.25em;
      }
      .search_form form{
        border: 1px solid #aaaaaa;
        border-radius: 2em;
        width: 12.5em;
        height: 2.0rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-left: 1.5em;
        .search_text{
          background:#fcf9fe ;
          max-width: 6.0rem;
          height: 1.4rem;
          font-size: 0.6em;
          border-color: #aaaaaa;
          margin-right: 0.5rem;
          color: #aaaaaa;
          text-align: center;
        }
        .fa-search{
           display: block;
          width: 2.0rem;
          height: 2.0rem;
          color:#aaaaaa ;
          line-height: 2.0rem;
          font-size: 1.0rem;
          font-weight: normal;
        }
        a{
          display: block;
          text-align: center;
          height: 2.0rem;
          margin-left: 0.5rem;
        }
        a:nth-child(2){
          display: block;
          height: 2.0rem;
          width: 2.0rem;
          line-height: 2.0rem;
          text-align: center;
        }
        }

    }
    .mainmenu{
      width: 100%;
      height: 2.2rem;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      span{
        display: block;
        margin-left: 1.4rem;
          a{
            width: auto;
            display: block;
           height: 1.4rem;
            line-height: 1.4rem;
            border-bottom: 1px solid #fff;
            font-size: 0.8rem;
            color: #aaaaaa;
          }
      }
      span:first-child a{
        color: #a575c7;
      }
    }
    .shoping{
          width: auto;
          height: auto;
          display: flex;
          justify-content: space-around;
          align-items: center;
       div{
         width: 6rem;
         height: 4.8rem;
         margin-top: 0.4rem;
         text-align: center;
         img{
           display:block;
           margin-left: 1.2rem;
           margin-bottom: 0.1rem;
         }
         a{
           display: block;
         }
         .shop_z span{
           color: #212121;
           font-size: 0.8rem;
           font-weight: normal;
         }
       }
    }
    .component_products{
      width: 100%;
      h2{
        padding-left:0.2em;
        width: 100%;
        font-size: 1.2rem;
        margin:0.2rem;
        color:#ce9ff0;
      }
      .products_zs{
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: space-around;
        div{
          width: 30%;
          background: #ffffff;
          a{
            display: block;
            img{
              width: 100%;
              height: 100%;
            }
          }
          p span{
            color: #63492f;
            font-size: 0.8rem;
          }
          h4{
            font-size: 0.8rem;
            color:#8f3523;
          }
        }
      }
    }
   .component_pretwo{
     width: auto;
     height: auto;
     h2{
       width: 100%;
       font-size: 1.2rem;
       margin: 0.8rem;
       color:#ce9ff0;
       //padding: 0;
     }
     .component_pretwoz{
       width: auto;
       height: auto;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-around;
       div{
         width: 45%;
         margin-bottom: 0.8rem;
         background: #ffffff;
         a{
           display: block;
           img{
             width: 100%;
             height: 100%;
           }
         }
         p,h3{
           width: 90%;
           color: #888888;
           font-size: 0.8rem;
           position: relative;
           margin-left: 0.3rem;
           margin-top: 0.3rem;
         }
          h3 .lef{
            color: #ce9ff0;
          }
         h3 span:nth-child(2){
           position: absolute;
           right:0;
         }
       }
     }
   }
    .bott{
      margin-top: 1.0rem;
      padding-bottom: 3.5rem;
      width: auto;
      height: auto;
      display: flex;
      justify-content: space-around;
      align-items: center;
      .last_lef{
        width: 60%;
        border-right: 1px solid #a575c7;
        color:#a575c7;
        font-size: 1rem;
        text-align: right;
        span{
          display: block;
          margin-right: 1rem;
        }
      }
      .last_rig{
        width: 40%;
        text-align: center;
      }
    }
  }
}

}

